<template>
	<div class="page-setting">
		<div class="crumbs">
			<router-link to="/">首页</router-link> / <span>消防档案</span> / <span class="active">微型消防站</span>
		</div>
		<el-container :style="{height: mainH+'px'}">
		  	<el-main class="census-main">
		  		<el-button type='primary' @click="firePersonModalVisible=true" v-if="stationInfo">设置微型消防站-消防人员</el-button>
  				<el-button type='primary' @click="fireEquipmentModalVisible=true">设置微型消防站-消防器材</el-button>
  				<el-button type='primary'>设置微型消防站-消防器材</el-button>
		  	</el-main>
		</el-container>
	</div>
</template>
<script>
export default {
	name: 'Overview',
	components: {
		
	},
	props: {
		winH: {
			type: Number,
			default: 500
		}
	},
	data () {
		return {
			stationInfo: null,
			firePersonModalVisible: false,
			fireEquipmentModalVisible: false
		}
	},
	watch: {},
	computed: {
		mainH () {
			return this.winH-219
		}
	},
	methods: {
		getData (page) {
			this.loading = true
			this.$get('/userAdmin/queryByKeyword', {
            	pageNum: page,
			    pageSize: this.pageSize,
			    keyword: this.keyword
            }).then(res => {
            	this.loading = false
            	let data = res.data
                this.currentPage = page
                this.total = data.total
                this.dataList = data.records
            }, (err) =>{
            	this.loading = false
				if(err.msg){
					this.$message.error(err.msg);
				}
            })
		},
		areaClickAction (data) {}
	},
	created () {
		// this.getData(1)
	},
	activated () {
		
	},
	mounted () {
		
	}
}
</script>
